<template>
  <header>
    <div class="header-one">
      <span class="iconfont">&#xe62f;</span>
    </div>
    <div class="header-two">
      <i class="iconfont">&#xe647;</i>搜索内容
    </div>
    <router-link to="/city" tag="span">
      <div class="header-three">
        {{ $store.state.cityC }}<span class="iconfont">&#xe607;</span>
      </div>
    </router-link>
  </header>

</template>

<script>
</script>

<style lang="stylus" scoped="scoped">   /*让样式仅在当前有效*/
header
  display :flex
  background :#00bcd4
  height :0.88rem
  align-items :center
  .header-one
    line-height :0.88rem
    width :0.8rem
    height :0.88rem
    padding :0 0.22rem
    color :white
  .header-two
     flex-grow :1
     background :white
     height :0.6rem
     line-height :0.6rem
     color #e4e7ea
     border-radius :0.06rem
     padding-left :0.2rem
      .header-two
      >i
        margin-right 0.2rem
  .header-three
    padding :0 0.22rem
    color white
</style>
